.filterBox2{
	box-sizing: border-box;
	white-space: nowrap;
	padding: 0 10px 10px;
	width: 100%;
	.ItemBox{
		display: inline-block;
		width: 48px;
		margin: 0 10px;
		padding-top: 10px;
	}
	.tag{
		width: 48px;
		height: 48px;
	}
	.select{
		background: #fff;
		border-radius: 50%;
		&.all{
			box-shadow: 0 0 5px rgba(#fe6b57,0.2);
		}
		&.yj{
			box-shadow: 0 0 5px rgba(#ff9d20,0.2);
		}
		&.st{
			box-shadow: 0 0 5px rgba(#2fd0a5,0.2);
		}
		&.zh{
			box-shadow: 0 0 5px rgba(#73c8fb,0.2);
		}
		&.cy{
			box-shadow: 0 0 5px rgba(#be9bff,0.2);
		}
	}
	.modename{
		font-size: 11px;
		color: #333;
		text-align: center;
        font-weight: 600;
	}
}
.task{
	padding: 0 10px;
	.box{
		width: 355px;
		margin: 0 auto 8px;
		background-color: #fff;
		border-radius: 15px;
		padding: 10px 10px 0;
		.shop{
			width: 13px;
			height: 13px;
		}
		.id{
			font-size: 13px;
			color: #333333;
			font-weight: bold;
			margin-left: 5px;
		}
		.btn-view{
			width: 66px;
			height: 22px;
			border: 0.5px solid #2b5eff;
			border-radius: 11px;
			color: #2b5fff;
			font-size: 12px;
		}
		.left{
			display: flex;
			align-items: center;
		}
		.info{
			align-items: flex-start;
		}
		.pic{
			width: 89px;
			height: 71px;
			border-radius: 5px;
			margin-left: 5px;
		}
		.info_left{
			flex: 1;
			// .title{ height: 63px; }
			.ell{
				-webkit-line-clamp: 3!important;
			}
			.typeImg{
				height: 15px;
				width: 32.5px;
				vertical-align: middle;
				margin-right: 3px;
			}
			.text{
				vertical-align: middle;
			}
		}
		.tagGroup{
			display: flex;
			margin: 5px 0;
			font-size: 11px;
		}
		.lv{
			width: 79px;
			height: 18.5px;
			position: relative;
			display: flex;
			.lv_bg{
				width: 79px;
				height: 18.5px;
				position: absolute;
				z-index: 0;
			}
			.type,.lv_num{
				position: relative;
				z-index: 1;
			}
			.type{
				color: #fff;
				width: 30px;
			}
			.lv_num{
				color: #FF3C2A;
				flex: auto;
			}
		}
		.tag{
			min-width: 60px;
			height: 18.5px;
			border-radius: 3px;
			margin-right: 10px;
			padding: 0 5px;
		}
		.redd{
			background: #FF3C2A;
			color: #fff;
		}
		.blue{
			background: #ecf1ff;
			color: #3889FF;
		}
		.orange{
			background: #fff3ec;
			color: #FC6F2E;
		}
		.time{
			font-size: 11px;
			color: #666;
		}
		.data{
			padding: 10px 0 12px;
			border-top: 1px solid #eaeaea;
			margin-top: 10px;
			display: flex;
			.item{
				flex: 1;
				text-align: center;
			}
			.num{
				color: #F30703;
				font-weight: 700;
			}
			.tit{
				color: #666;
				font-size: 12px;
			}
		}
	}
}